<!DOCTYPE html>
<!--[if IE 7]>
<html class="ie ie7 no-js" lang="en-US">
<![endif]-->
<!--[if IE 8]>
<html class="ie ie8 no-js" lang="en-US">
<![endif]-->
<!--[if !(IE 7) | !(IE 8)  ]><!-->
<html lang="en" class="no-js" xmlns:th="http://www.thymeleaf.org">

<!-- Mirrored from haintheme.com/demo/html/bustter/celebritygrid01.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 04 May 2018 04:46:25 GMT -->
<head>
    <!-- Basic need -->
    <title>人物列表</title>
    <meta charset="UTF-8">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="author" content="">
    <link rel="profile" href="#">

    <!--Google Font-->
    <link rel="stylesheet" href='/movie/css/google-font-css.css'/>
    <!-- Mobile specific meta -->
    <meta name=viewport content="width=device-width, initial-scale=1">
    <meta name="format-detection" content="telephone-no">

    <!-- CSS files -->
    <link rel="stylesheet" href="/movie/css/plugins.css">
    <link rel="stylesheet" href="/movie/css/style.css">

</head>
<body>
<!--preloading-->
<div id="preloader">
    <img class="logo" src="/movie/images/logo1.png" alt="" width="119" height="58">
    <div id="status">
        <span></span>
        <span></span>
    </div>
</div>
<!--end of preloading-->

<div id="movie-header"></div>

<div class="hero common-hero">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="hero-ct">
                    <h1>演员图文列表</h1>
                    <ul class="breadcumb">
                        <li class="active"><a href="#">首页</a></li>
                        <li><span class="ion-ios-arrow-right"></span> 演员列表</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- celebrity grid v1 section-->
<div class="page-single">
    <div class="container">
        <div class="row ipad-width2">
            <div class="col-md-9 col-sm-12 col-xs-12">
                <div class="topbar-filter">
                    <p>一共 <span th:text="${personCount}">1,608 </span> 条记录</p>
                    <a href="celebritygrid01.html" class="grid"><i class="ion-grid active"></i></a>
                </div>
                <div id="person-list-grid-fragment">

                </div>
            </div>
            <div class="col-md-3 col-xs-12 col-sm-12">
                <div class="sidebar">
                    <div class="searh-form">
                        <h4 class="sb-title">Search celebrity</h4>
                        <form class="form-style-1 celebrity-form" action="#">
                            <div class="row">
                                <div class="col-md-12 form-it">
                                    <label>Celebrity name</label>
                                    <input type="text" placeholder="Enter keywords">
                                </div>
                                <div class="col-md-12 form-it">
                                    <label>Celebrity Letter</label>
                                    <select>
                                        <option value="range">A</option>
                                        <option value="saab">B</option>
                                    </select>
                                </div>
                                <div class="col-md-12 form-it">
                                    <label>Category</label>
                                    <select>
                                        <option value="range">Actress</option>
                                        <option value="saab">Others</option>
                                    </select>
                                </div>
                                <div class="col-md-12 form-it">
                                    <label>Year of birth</label>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <select>
                                                <option value="range">1970</option>
                                                <option value="number">Other</option>
                                            </select>
                                        </div>
                                        <div class="col-md-6">
                                            <select>
                                                <option value="range">1990</option>
                                                <option value="number">others</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12 ">
                                    <input class="submit" type="submit" value="submit">
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="ads">
                        <img src="/movie/images/uploads/ads1.png" alt="">
                    </div>
                    <div class="celebrities">
                        <h4 class="sb-title">featured celebrity</h4>
                        <div class="celeb-item">
                            <a href="#"><img src="/movie/images/uploads/ava1.jpg" alt=""></a>
                            <div class="celeb-author">
                                <h6><a href="#">Samuel N. Jack</a></h6>
                                <span>Actor</span>
                            </div>
                        </div>
                        <div class="celeb-item">
                            <a href="#"><img src="/movie/images/uploads/ava2.jpg" alt=""></a>
                            <div class="celeb-author">
                                <h6><a href="#">Benjamin Carroll</a></h6>
                                <span>Actor</span>
                            </div>
                        </div>
                        <div class="celeb-item">
                            <a href="#"><img src="/movie/images/uploads/ava3.jpg" alt=""></a>
                            <div class="celeb-author">
                                <h6><a href="#">Beverly Griffin</a></h6>
                                <span>Actor</span>
                            </div>
                        </div>
                        <div class="celeb-item">
                            <a href="#"><img src="/movie/images/uploads/ava4.jpg" alt=""></a>
                            <div class="celeb-author">
                                <h6><a href="#">Justin Weaver</a></h6>
                                <span>Actor</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--end of celebrity grid v1 section-->

<script src="/movie/js/jquery.js"></script>
<script src="/movie/js/plugins.js"></script>
<script src="/movie/js/plugins2.js"></script>
<script src="/movie/js/custom.js"></script>
<script src="/movie/js/do.js"></script>
<script src="/movie/js/movie.js"></script>
</body>

<!-- Mirrored from haintheme.com/demo/html/bustter/celebritygrid01.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 04 May 2018 04:46:37 GMT -->
</html>
<script>
    loadMovieHeader();
    loadMovieFooter();
    loadPersonListGridFragment();
</script>